#recharge-record{
  .list{
    .time-box{
      //padding: 10px 15px;
      .time{
        font-size: 14px;
      }
      .money-box{
        font-size: 12px;
        color:#888888;
        span{
          margin-right: 10px;
        }
      }
    }
    .item-box{
      background: #FFFFFF;
      .item{
        display: flex;
        padding: 10px 15px;

        .img-box{
          width: 44px;
          height: 44px;
          line-height: 44px;
          background: #1aad19;
          border-radius: 100%;
          overflow: hidden;
          text-align: center;

          i{
            color: #FFFFFF;
          }
        }
        .info{
          display: flex;
          align-items: center;
          flex: 1;
          margin-left: 12px;
          overflow: hidden;

          .info-left{
            font-size: 17px;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            padding-right:20px;

            .title{
              overflow:hidden;
              text-overflow:ellipsis;
              white-space:nowrap;

            }
            .time-box {
              font-size: 12px;
              color:#888888;
              overflow:hidden;
              text-overflow:ellipsis;
              white-space:nowrap;

              .time{
                margin-left: 10px;
              }
            }

          }
          .info-right{
            .money{
              font-weight: bold;
            }
          }
        }
      }
    }
  }
  .loadingbox{
    height: 40px;
    line-height: 40px;
    text-align: center;
  }
  .no-list{
    text-align: center;
    padding: 10px 0;
  }
}